<template>
  <div class="box">
    <div>
      <NavBar :title="title" :route="route"></NavBar>
    </div>
    <div>
      <div class="content">
        <div class="Information">

          <p>姓&#12288;&#12288;名：<span>王同学</span></p>
          <p>省&#12288;&#12288;市：<span>河北省-廊坊市-广阳区</span></p>
          <p>证件号码：<span>131010200809087766</span></p>
        </div>
         <div class="Information">
          <p>所报院校：<span>金榜登科第一中学</span></p>
          <p>所报考时：<span>2022年艺体生招生考试</span></p>
          <p>所报考点：<span>廊坊市广阳区考点</span></p>
          <p>所报专业：<span>美术</span></p>
        </div>
         <div class="enterClick">
           <van-button type="primary" class="btn" @click="save">我已确认，提交</van-button>
         </div>
      </div>
    </div>
  </div>
</template>

<script>
import NavBar from '@/components/navBar.vue'
import Loger from '../../assets/logea.png'
export default {
  data() {
    return {
      // 标题  路由
      title: '在线确认',
      route: '/OnlineEnter',
      activeName: 'a',
      Loger
    }
  },
  components: {
    NavBar
  },
  methods:{
    save(){
      this.$router.push({path:'success'})
    }
  }
}
</script>

<style scoped>
.box{
  background-color: #f7f7f7;
  height: 100%;
}
.Information {
  margin:20px;
  background-color: #ffffff;
  border-radius: 10px;
  padding: 2px 15px;
}
.Information p {
  font-size: 14px;
}
.Information p span {
  font-size: 14px;
  text-align: left;
  font-weight: bold;
}
.content {
  padding-top: 1px;
  height: 100%;
}
.enterClick{
  position: absolute;
  bottom: 60px;
  left: 0;
  right: 0;
  text-align: center;
}
.btn{
  border: none;

  background-color: rgba(39, 136, 221, 1);
  width: 80%;
}
</style>
